<template>
  <div class="about-detail">
    <h1>北京xx科技有限公司</h1>
    <router-link to="/about/detail" tag="li">公司简介</router-link>
    <router-link to="/about/governance" tag="li">公司治理</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
import Vue from "vue";

export default {
  name: "about-tmp",
}

Vue.component('detail',{
  template: '<p>xx是全球领先</p>'
})
Vue.component('governance',{
  template: '<p>公司坚持以客户为中心</p>'
})

</script>

<style scoped>
ul,li,h1 {
  padding: 0;
  margin: 0;
  list-style: none;
}
li {
  display: inline;
}
.about-detail {
  flex: 1;
  margin-left: 30px;
}
.about-detail h1 {
  font-size: 24px;
  color: blue;
}
</style>
